<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Xaml Lightbox.</title>
    <script src="../js/jquery.js" type="text/javascript"></script>
    <script src="../js/gestalt.js" type="text/javascript"></script>
  <style type="text/css">
  </style>
</head>
<body>
  <div id="msg"> </div>
  <h1>A sliverlight lightbox triggered from HTML elements</h1>
  <p>
    Click the thumbnails to view a large version of the image.
  </p>
  <img id="thumb" src="images/install.jpg" alt="install_thumb" width="40" />
  <img id="thumb2" src="images/twitter.png" alt="install_thumb" width="40" />
  <br />
  <xml class="xaml" id="lightbox" Width="1" Height="1" style="display:none;">
    <Canvas x:Name="zenith" Background="#000">
      <Canvas.Resources>
          <Storyboard x:Name="fade_in">
              <DoubleAnimation Storyboard.TargetName="shell" Storyboard.TargetProperty="Opacity" From="0.0" To="1.0" Duration="0:0:1" />
         </Storyboard>
      </Canvas.Resources>
      <StackPanel x:Name="shell" Background="#f3f3f3">
        <Image x:Name="pic"></Image>
        <TextBlock x:Name="desc" Text=""></TextBlock>
      </StackPanel>
    </Canvas>
  </xml>
  <p>test</p>
<script language="ruby" class="*" src="lightbox.rb"> </script>
</body>
</html>